当前位置:flash课件吧→订做课件吧_flash课件制作,教学课件,比赛课件,参赛课件,制作课件,课件修改,毕业设计,精品课件,国家级比赛课件,市级比赛,公开课课件
  • 省级水平FLASH课件制作培训,网络教学,解答所有学员疑难,包教包会。
  • 教程发放到学员手中,共分为初级,中级,高级三部分,全部视频教程,跟真人在身边教学效果一样。
  • 有意者直接咨询我站管理QQ:444860709 也可以加入到QQ群(67042004)中后,直接找群主咨询相关事宜培训详情

注意:以下均为本站原创flash教程,属于本站产品,欢迎选学,如有问题可直接与我站管理联系解答事宜。QQ:4444860709

题 目:flash8制作主场景影片控制器

一、效果预览

 

二、教程内容

 

flash8制作主场景影片控制器

动态效果:
本实例用于制作FLASH影片的播放控制面板,为了方便读者理解,我举个例子,比如说,现在有一个教程SWF文件,我们可以给这个视频教程文件加一个控制面板,可以实现回放,暂停等功能控制,本实例就是要制作一个这样的面板,本实例能实现的功能较多,播放,暂停,停止,倒退,返回开始位置,快退,快进,结束位置,总帧数显示,已加载帧数显示,加载进度显示等。心动了吗,那就快来吧。

最终效果图:

步骤如下:

操作步骤1:
新建一个文档;大小:330,60。背景色默认。
操作步骤2:
导入一首音乐到舞台上;主时间轴上延长帧数到音乐完为止;打开属性面板,按下图进行设置音乐属性(注意选取数据流):

操作步骤3:
新建一个图层;取名“控制面板”图层;这一个图层,就是我们要重点做的。这一个图层其实用于放我们的控制面板MC的,以后要做的东西要全部在这个MC中去做的。另外要告诉大家的一点是,至于你的动画你可以再新建一个图层,取名动画,全部动画你可以在主场景中任意去做就OK了。我的实例的主场景时间轴如下图所示:

现在我们要来做主要的东西了,下面是制作该控制面板的全部完整过程。
操作步骤4:
让我们先来新插入一个MC元件(实例名称取名为all)。然后将这个暂时为空的MC拖放到舞台上面的合适位置;双击进入其内部编辑区,记住,以下所有的操作全部要在这个MC中完成哦。
操作步骤5:
进入MC内部,将默认图层修改为“背景层”;对照下图绘制如下背景:

操作步骤6:
在上图中添加8个按钮,依次为“播放,暂停,停止,倒退,开始位置,快退,快进,结束位置”如下图所示:


依次为上面的8个按钮添加如下代码:
播放按钮添加的代码如下:
on (release) {
_root.play();
_root.all.kz.stop();
}
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn

暂停按钮添加的代码如下:
on (release) {
_r.stop();
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
停止按钮添加的代码如下:
on (release) {
_root.stop();
_root.gotoAndStop(1);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
_root.all.kz.stop();
}
倒退按钮添加的代码如下:
on (release) {
_root.all.kz.gotoAndPlay(2);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
开始位置按钮添加的代码如下:
on (release) {
_root.gotoAndStop(1);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
_root.all.kz.stop();
}
快退按钮添加的代码如下:
on (release) {
_root.dPlay(4);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
快进按钮添加的代码如下:
on (release) {
_root.all.kz.gotoAndPlay(6);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
结束位置按钮添加的代码如下:
on (release) {
_root.gotoAndStop(_root._totalframes);
//停止到最后一帧
_root.all.kz.stop();
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}

操作步骤7:
再添加两个动态文本框;如下图所示:


然后打开属性面板,左边的变量名为“nowframe”;右边的那个为“allframe”。
操作步骤8:
好了,快制作完成了,下面来制作进度条部分,新插入一个影片剪辑,双击进入其内部
;新建两个图层;下面的图层制作一个背景条,上面的图层,制作一个小矩形滑块,最后记住将上面的图层的矩形小滑块转换成影片剪辑元件哦。如下图所示:


按上图做好了后,用选择工具选中小滑块;打开动作面板,为这个影片剪辑元件添加如下代码:
onClipEvent (load) {
drag = new Boolean();
drag = false;
cang = 316/_root._totalframes;
//为影片背景条减影片游标所得,你可根据自己情况计算得出
}
onClipEvent (mouseDown) {
drag = true;
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
if (this.hitTest(_root._xmouse, _root._ymouse)) {
startDrag(this, false, 0, 0, 316, 0);
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
}
onClipEvent (mouseUp) {
drag = false;
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
stopDrag();
}
onClipEvent (enterFrame) {
_root.all.allframe = _root._totalframes;
//在动态文本框显示总帧数
_root.all.nowframe = _root._currentframe;
//在动态文本框显示当前帧
if ((drag == true) && (this.hitTest(_root._xmouse, _root._ymouse))) {
_root.all.kz.stop();
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
xvernier = getProperty(this, _x);
//取得游标的X轴坐标值
_root.gotoandstop(int(xvernier/cang));
//经过比例运算转到相应帧
} else if (_root._currentframe == 1) {
setProperty(this, _x, 0);
} else {
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
setProperty(this, _x, _root._currentframe*cang);
//根据当前帧控制游标位置
}
}

 

操作步骤9:
单击场景1按钮返回到主场景中;目的是从进度条的那个影片剪辑中返回来啊,哈哈。再次双击进入“all”MC的内部编辑区中,再新插入一个影片剪辑元件,实例名称为“kz”;进入该影片剪辑的内部,在图层1插入七个关键帧。并分别为每个帧添加代码:
第1帧的代码如下:
stop();
speed = 4;
//此为"快退"、"快进"的速度值,你可以调节它来控制快进、快退的速度
第2帧的代码如下:
_root.prevFrame();
第3帧的代码如下:
gotoAndPlay(2);
//与第2帧形成循环
第4帧的代码如下:
for (i=0; i<=speed; i++) {
_root.prevFrame();
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
}
第5帧的代码如下:
gotoAndPlay(4);
//与第4帧形成循环
//更多教程见flash课件吧(湖北金鹰),www.luotao2008.cn
第6帧的代码如下:
for (i=0; i<=speed; i++) {
_root.nextFrame();
}
第7帧的代码如下:
gotoAndPlay(6);
//与第6帧形成循环

操作步骤10:
好了,你现在可以测试一下影片了,可以了吧,哈哈效果是不是很不错的啊。原创:本文由flash课件吧(湖北金鹰),http://www.luotao2008.cn编写。

关键词:控制,帧,操作,步骤,新建,按钮,代码,课件

  

 

我站网络视频网校培训开始招生了!FLASH课件制作视频教程教学,QQ一对一解答所有学员疑问。咨询:QQ444860709 查看培训详情

期刊论文服务

合作期刊
学报期刊
 
获奖证书办理
本站已改版成新站 课件115学培吧http://www.kj115.com
与此页面相关内容导航
     
在线咨询台